<template>

<div>
  <Sync  :title.sync="father"> </Sync>
  <h3>插槽</h3>
 <Header>

 <template v-slot:header>
    <h1>Header</h1>
  </template>

   <h1>默认内容</h1>
 

  <template v-slot:footer>
    <p>footer--</p>
  </template>
 </Header>
 <span :title="message">Span</span>

</div>
</template>

<script>
import Sync from '../components/Sync.vue'
import Header from '../components/Header'
import Footer from '../components/Footer'
export default {

props:{



 },

data(){ 

return {
  father:'父组件要修改的标题',

key:1,
message:'页面加载于'+ new Date().toLocaleString()+'啦啦啦'

}

},

components: {
    Sync,
    Header,
    Footer
},

computed: {



},

beforeCreate:function (){

// 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。



 },

created:function (){

 // 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，el 属性目前尚不可用。

this.click(this.key)

 },

 beforeMount:function (){

},

methods: {

// 在挂载开始之前被调用：相关的 render 函数首次被调用。

click(Vlue,key){



console.log(Vlue,key)

}

}

}

</script>

<style >
</style>
